<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>{$title}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="__PUBLIC__/index/css/mui.min.css">
	<link rel="stylesheet" href="__PUBLIC__/index/css/pub.css">
</head>
<body>
<div id="offCanvasWrapper" class="mui-off-canvas-wrap <mui-dragga></mui-dragga>ble">
	<!--侧滑菜单部分-->
	<aside id="offCanvasSide" class="mui-off-canvas-left">
		<div id="offCanvasSideScroll" class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<div class="title">侧滑导航</div>
				<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="{:url('Excel/index')}">
							Excel 表格
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="{:url('life/index')}">
							日常功能测试页面
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="{:url('Lists/index')}">
							列表页面
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="{:url('Article/index')}">
							测试文章
						</a>
					</li>
				</ul>
			</div>
		</div>
	</aside>
	<!--主界面部分-->
	<div class="mui-inner-wrap">
		<header class="mui-bar mui-bar-nav">
			<a href="#offCanvasSide" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
			<h1 class="mui-title">{$title|default="首页"}</h1>
			<a class="mui-action-back mui-icon mui-icon-undo mui-pull-right" href="#" onclick="javascript :history.back(-1);"></a>
		</header>
		<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<div id="slider" class="mui-slider">
					<div class="mui-slider-group mui-slider-loop">
						<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#">
								<img src="/tpl/index__PUBLIC__/images/banner.jpg">
							</a>
						</div>
						<!-- 第一张 -->
						<div class="mui-slider-item">
							<a href="#">
								<img src="/tpl/index__PUBLIC__/images/banner.jpg">
							</a>
						</div>
						<!-- 第二张 -->
						<div class="mui-slider-item">
							<a href="#">
								<img src="/tpl/index__PUBLIC__/images/banner.jpg">
							</a>
						</div>
						<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#">
								<img src="/tpl/index__PUBLIC__/images/banner.jpg">
							</a>
						</div>
					</div>
					<div class="mui-slider-indicator">
						<div class="mui-indicator mui-active"></div>
						<div class="mui-indicator"></div>
					</div>
				</div>